<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- 装饰器内容勿动 start -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="root_path" content="<%=request.getContextPath()%>" id="JQ_root_path">
    <meta name="_token" content="<%=request.getSession().getAttribute("_token")%>" id="JQ_token">
    <meta name="file_path" content="${File_Server_Path}" id="JQ_file_path">
    <meta name="menu_mark" content="${menuMark}" id="JQ_menu_mark">
    <title>特定场所 - 周边环境</title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/core.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/style.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/js/plugin/scrollbar/css/jquery.mCustomScrollbar.css">
    <script src="<%=request.getContextPath()%>/static/js/lib/jquery-1.12.3.min.js"></script>
    <script src="<%=request.getContextPath()%>/static/js/plugin/scrollbar/js/jquery.mousewheel.min.js"></script>
    <script src="<%=request.getContextPath()%>/static/js/plugin/scrollbar/js/jquery.mCustomScrollbar.min.js"></script>
    <!-- 装饰器内容勿动 start -->
</head>
<body>
<div class="page-container">
    <div class="main-inner">

        <!-- page title -->
        <div class="xyf-toggle-form-div" style="">
            <span> <i class="xyf-role-manage-icon"></i>角色管理</span>
            查询条件<i class="xyf-toggle-form-icon"></i>
        </div>

        <div class="content-inner">

            <!-- search form -->
            <div class="zy-pick-line">
                <div class="zy-form-line">
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta">角色名称</div>
                        <div class="zy-input-inner">
                            <input id="JQ_name" type="text" class="zy-i-input">
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta">角色编号</div>
                        <div class="zy-input-inner">
                            <input id="JQ_number" type="text" class="zy-i-input">
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-30">
                        <div class="zy-input-meta">&nbsp;</div>
                        <div class="zy-select-inner">
                            <button id="JQ_search" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

            <!-- operate button -->
            <div class="zy-form-line">
                <div class="xyf-export-btn">
                    <button id="JQ_role_create" class="zy-button-s zy-create-s" type="button"><i class="zy-create-icon"></i>新建</button>&nbsp;&nbsp;
                    <button id="JQ_role_delete" class="zy-button-s zy-delete-s" type="button"><i class="zy-delete-icon"></i>删除</button>&nbsp;&nbsp;
                    <button id="JQ_role_disable" class="zy-button-s zy-in-s" type="button"><i class="zy-in-icon"></i>停用</button>&nbsp;&nbsp;
                    <button id="JQ_role_enable" class="zy-button-s zy-create-s" type="button"><i class="zy-create-icon"></i>启用</button>&nbsp;&nbsp;
                </div>
                <div class="clear"></div>
            </div>

            <!-- data table -->
            <div class="zy-table">
                <table id="JQ_table" class="zy-datatable" cellpadding="0" cellspacing="0">
                    <thead>
                    <tr>
                        <th width="6%"><i id="JQ_check_all" class="zy-checkbox-all" data-chk="false" title="全选"></i></th>
                        <th width="10%" title="任务名称">角色名称</th>
                        <th width="18%" title="管道名称">角色编号</th>
                        <th width="10%" title="发球点">备注</th>
                        <th width="12%" title="收球点">状态</th>
                        <th width="14%" title="计划清管时间">编辑</th>
                        <th width="6%" title="创建人">删除</th>
                        <th width="6%" title="状态">授权</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- create & edit -->
    <div class="zy-action-box zy-edit-eqpt" id="JQ_ne_div">
        <form id="JQ_action_form">
            <div class="zy-action-title">
                <span class="zy-action-span">编辑</span>
                <i class="zy-action-close"></i>
                <input type="hidden" id="JQ_ne_id" value="">
            </div>
            <div class="zy-action-inner">
                <div class="zy-form-line">
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>角色名称</div>
                        <div class="zy-input-inner">
                            <input id="JQ_ne_name" type="text" class="zy-i-input zy-verify" data-verify="{required:true,title:'角色名称'}">
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>角色编号</div>
                        <div class="zy-input-inner">
                            <input id="JQ_ne_number" type="text" class="zy-i-input zy-verify" data-verify="{required:true,title:'角色编号'}">
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-form-line">
                    <div class="zy-input-meta">备注</div>
                    <div class="zy-textarea-inner">
                        <textarea id="JQ_ne_remark" class="zy-textarea w-100"></textarea>
                    </div>
                </div>
                <div class="r rTop">
                    <button type="button" class="zy-button zy-submit" id="JQ_action_yes_btn"><i class="zy-submit-icon"></i>确认</button>&nbsp;&nbsp;&nbsp;
                    <button type="button" class="zy-button" id="JQ_action_no_btn"><i class="zy-goback-icon"></i>取消</button>
                </div>
            </div>
        </form>
    </div>

    <!-- 授权弹框 -->
    <div  class="zy-action-box zy-edit-eqpt"  id="JQ_s_div">
        <div id="JQ_authorize_div">
            <div class="zy-action-title">
                <span class="zy-action-span">授权信息</span>
                <i class="zy-action-close"></i>
                <input type="hidden" id="JQ_authorize_id" value="">
            </div>
            <div class="zy-action-inner" style="padding: 0;">
                <div class="zy-table" style="overflow-x: hidden;">
                    <table id="JQ_authorize_table" class="zy-datatable" cellpadding="0" cellspacing="0"  style="overflow-x: hidden;border-right: none;border-top: none;">
                        <thead>
                        <tr>
                            <th width="20%"><i id="JQ_authorize_check_all" class="zy-checkbox-all" data-chk="false" title="全选"></i></th>
                            <th width="20%" title="管道名称">名称</th>
                            <th width="20%" title="类型">编号</th>
                            <th width="20%" title="管道名称">路径</th>
                            <th width="20%" title="类型">图片</th>
                        </tr>
                        </thead>
                        <tbody class="xyf-table-body">
                        <tr>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <div class="r rTop">
                    <button type="button" class="zy-button zy-submit" id="JQ_authorize_submit"><i class="zy-submit-icon"></i>确认</button>&nbsp;&nbsp;&nbsp;
                </div>
            </div>
        </div>
    </div>

    <!-- JS start -->
    <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
    <!-- ui -->
    <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
    <!-- base -->
    <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
    <!-- api -->
    <script src="${pageContext.request.contextPath}/static/js/controller/api/setting.api.js"></script>
    <!-- template -->
    <%--<script src="${pageContext.request.contextPath}/static/js/controller/ae/ambientData.template.js"></script>--%>
    <!-- controller -->
    <script src="${pageContext.request.contextPath}/static/js/controller/settings/prvlg/roleManagement.controller.js"></script>
</div>
</body>
</html>